<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="signup.js"></script>
<style type="text/css">
.app_error_message {
	color: red;
}

.app_disabled_text {
	color: gray;
	vertical-align: top;
}

.app_textbox {
	border: 1px solid gray;
}

.app_label {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
</style>
<title>CableManagementSystem</title>
</head>
<body>
<noscript>
<div style="color: red; background-color: white; border: 1px solid red;">Your web browser must have JavaScript enabled in order for this application to display correctly.</div>
</noscript>
<div style="color: blue;">
<h3>Please enter the following information</h3>
</div>
<hr />
<div style="border: 2px solid gray;">
<table align="center">
	<tr style="vertical-align: bottom;">
		<td class="app_label">Name:</td>
		<td><input class="app_textbox" id='name' type="text" tabindex="1" onfocus='onFocusGain(this)' onblur='onFocusLost(this)'></td>
		<td>
		<div class='app_error_message' id='nameerror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">enter your name</td>
	</tr>
	<tr>
		<td class="app_label">Fathername:</td>
		<td><input class="app_textbox" id='fathername' type="text" tabindex="0" onfocus='onFocusGain(this)' onblur='onFocusLost(this)'></td>
		<td>
		<div class='app_error_message' id='fathernameerror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">enter your father name</td>
	</tr>
	<tr>
		<td class="app_label">Address:</td>
		<td><textarea class="app_textbox" cols="16" id='address' tabindex="0" onfocus='onFocusGain(this)' onblur='onFocusLost(this)'></textarea></td>
		<td>
		<div class='app_error_message' id='addresserror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">enter location where you want to connect the cable</td>
	</tr>
	<tr>
		<td class="app_label">Phone Number:</td>
		<td><input class="app_textbox" id='phonenumber' type="text" tabindex="0" onfocus='onFocusGain(this)' onblur='onFocusLost(this)'></td>
		<td>
		<div class='app_error_message' id='phonenumbererror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">enter your phone no</td>
	</tr>
	<tr>
		<td class="app_label">EmailID:</td>
		<td><input class="app_textbox" id='emailid' type="text" tabindex="0" onfocus='onFocusGain(this)' onblur='onFocusLost(this)'></td>
		<td>
		<div class='app_error_message' id='emailiderror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">enter your complete emailid.</td>
	</tr>
	<!--<tr>
		<td class="app_label">Username:</td>
		<td><input class="app_textbox" id='username' type="text" tabindex="0" onblur="onFocusLost(this)" onfocus='onFocusGain(this)'></td>
		<td>
		<div class='app_error_message' id='usernameerror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">enter user name with which you want to login</td>
	</tr>
	-->
	<tr>
		<td class="app_label">Password:</td>
		<td><input class="app_textbox" id='password' type="password" tabindex="0" onfocus='onFocusGain(this)' onblur='onFocusLost(this)'></td>
		<td>
		<div class='app_error_message' id='passworderror' style="display: none;"></div>
		</td>
	</tr>
	<tr>
		<td></td>
		<td colspan="2" class="app_disabled_text">password length should greater or equal to 8</td>
	</tr>
	<tr>
		<td colspan="3" align="center"><input id='submit' type="submit" value="Submit" onclick="signup()"></td>
	</tr>
</table>
</div>
</body>
</html>
